<template>
	<div>
		<div class="title">
      周末推去哪儿
    </div>
    <ul>
      <li class="item" v-for="item in week" :key="item.id">
          <div class="item-img-wrapper">
            <img class="item-img" :src="item.imgUrl" alt="">
          </div>
        <div class="item-info">
          <p class="item-title">{{item.name}}</p>
          <p class="item-desc">{{item.desc}}</p>
		   
        </div>
      </li>
    </ul>
  </div>
	
</template>
<script>
export default {
	name:'HomeWeek',
props:{
	week:Array
}
}
</script>
<style lang="stylus" scoped>
@import "~style/mixins.styl"
.title
	line-height .8rem
	background #eee
	margin-top .2rem
	text-indent .2rem
.item-img-wrapper
	overflow hidden
	height 0
	padding-bottom 33.9%
.item-img
	width 100%
.item-info
	padding .1rem
	.item-title
		line-height .54rem
		font-size .32rem
		buhuanhang()
	.item-desc
		line-height .4rem
		color #ccc
		buhuanhang()
	
</style>